<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>hello_react</title>
</head>

<body>
    <!-- 准备一个容器 -->
    <div id="test"></div>
    <!-- 引入react核心库 -->
    <script type="text/javascript" src="../js/react.development.js"></script>
    <!-- 引入react-dom 用于支持react操作dom -->
    <script type="text/javascript" src="../js/react-dom.development.js"></script>

    <script type="text/javascript">
        // 1 创建虚拟dom 
        //三个参数： 标签 属性 内容
        //const VDOM = React.createElement('h1',{},'hello')
        //创建多个标签时会非常麻烦
        const VDOM = React.createElement('div', {}, React.createElement('div', {}, 'hello React'))
        // 2 渲染虚拟DOM到页面
        ReactDOM.render(VDOM, document.getElementById('test'))
    </script>
</body>

</html>